
<template>
  
  
  <el-dialog class="ba-operate-dialog" :close-on-click-modal="true" :model-value="preAuditJobInfoDialog"
      @close="closePreAuditJobInfoDialog">
      <template #header>
          <div class="title">详细信息</div>
      </template>
      <el-scrollbar v-loading="false" class="ba-table-form-scrollbar">
          <div class="ba-operate-form">
              <el-descriptions :column="2" border>
                  <el-descriptions-item label="岗位名称" align="center" >
                      {{initData.jobName}}
                  </el-descriptions-item>
                  <el-descriptions-item label="工作地址" align="center">
                    {{initData.jobAddress}}
                  </el-descriptions-item>
                  <el-descriptions-item label="岗位类型" align="center">
                    {{initData.jobNature}}
                  </el-descriptions-item>
                  <el-descriptions-item label="学历要求" align="center">
                    {{initData.jobEdu}}
                  </el-descriptions-item>
                  <el-descriptions-item label="经验要求" align="center">
                    {{initData.jobEx}}
                  </el-descriptions-item>
                  <el-descriptions-item label="年龄要求" align="center">
                    {{initData.jobAge}}
                  </el-descriptions-item>
                  <el-descriptions-item label="岗位薪资" align="center">
                    {{initData.jobSalary}}
                  </el-descriptions-item>
                  <el-descriptions-item label="所属公司" align="center">
                    {{initData.businessName}}
                  </el-descriptions-item>
                  <el-descriptions-item  :width="120" :span="2" label="所属行业"  align="center">
                    {{initData.jobIndustry}}
                  </el-descriptions-item>
                  
                  <el-descriptions-item :width="120" :span="2" label="岗位简介" label-align="center">
                      <el-collapse  @change="handleChange" class="dialogCollapse"> 
                          <el-collapse-item title="点击展开" name="1" style="border: 0;">
                              <div>
                                {{initData.jobDetail}}
                              </div>
                          </el-collapse-item>
                      </el-collapse>
                  </el-descriptions-item>
                  <el-descriptions-item :width="120" :span="2" label="提交时间" align="center">
                    {{initData.confirmTime}}
                  </el-descriptions-item>
                  <el-descriptions-item :width="120" :span="2" label="操作类型" align="center">
                    {{initData.operationType}}
                  </el-descriptions-item>
                  <el-descriptions-item label="提交人姓名" align="center">
                    {{initData.hrName}}
                  </el-descriptions-item>
                  <el-descriptions-item label="提交人电话" align="center">
                    {{initData.hrPhone}}
                  </el-descriptions-item>
                  <el-descriptions-item label="提交人邮箱" align="center">
                    {{initData.hrEmail}}
                  </el-descriptions-item>
                  <el-descriptions-item label="审核状态" align="center">
                    {{initData.auditState}}
                  </el-descriptions-item>
                  <el-descriptions-item :width="120" :span="2" label="审核时间" align="center">
                    {{initData.auditTime}}
                  </el-descriptions-item>
                  <el-descriptions-item :width="120" :span="2" label="审核综述" lable-align="center">
                      <el-collapse @change="handleChange" class="dialogCollapse"> 
                          <el-collapse-item title="点击展开" name="1" style="border: 0;">
                              <div>
                                {{initData.auditResultContent}}
                              </div>
                          </el-collapse-item>
                      </el-collapse>
                  </el-descriptions-item>
              </el-descriptions>
          </div>
      </el-scrollbar>
  </el-dialog>
  
</template>

<script lang="ts" setup>
import { reactive, ref, onBeforeMount, onMounted } from 'vue'
import { useStore } from "vuex"


const props=defineProps(["preAuditJobInfoDialog","closePreAuditJobInfoDialog"])



const store = useStore()
const job = store.state.adminState.auditjob


const handleChange = (val: string[]) => {
  // console.log(val)
}


const initData={
    ...job
}


onBeforeMount(() => {
    // init()
    
    initData
    // console.log(initData);
    
    // console.log(e);
    
})
</script>
<style scoped>
.dialogCollapse{
  border: 0;
}
.dialog-footer button:first-child {
  margin-right: 10px;
}
</style>